/*
Theme Name: 我的博客
Theme URI: 我学习wordpress项目
Author: 小柳
*/
/*-- 常用HTML元素边距归零 --*/
html, body, h1, h2, h3, h4, div, p, ul, li, dl, dt, dd, a, span, table, tr, td {
	padding:0;
	margin:0;
} 

/*-- 设置网页默认字体和背景 --*/
body {
	/*设置默认字体为‘微软雅黑’，如果用户电脑不存在该字体，则依次使用‘宋体, arial, verdana, sans-serif’ 字体*/
	font-family: '微软雅黑', '宋体', Arial, Verdana, Sans-Serif;		
	font-size:12px;
	background:#F1F2F6;
	color:#777;
}

/*-- 设置超链接默认效果 --*/
a {
	text-decoration: none;
	color: #434a54;
}

/*-- 设置超链接鼠标悬停时的默认效果 --*/
a:hover {
	color: #FF6F3D;
}

/*-- 设置图片的默认效果，解决IE浏览器默认给图片加带边框 --*/
img {
	border:none;
}

/*-- 设置无序列表ul和li元素的默认效果，去除前面的小圆点符号 --*/
ul, li {
	list-style:none;
}

/*-- 清除浮动效果 --*/
.clear {
	clear:both;
}

/*-- header-top --*/
.header-top {
	height:30px;
	line-height:30px;
	background:#e6e9ed;
	border-bottom:1px solid #e2e2e3;
}

.header-top-content {
	width:980px;
	margin:0 auto;
}

.rssfeed {
	float:right;
}

.sitedesc {
	float:left;
}

/*-- header-mid --*/
.header-mid {
	width:980px;
	height:60px;
	margin:15px auto;
}

.site-header {
	float:left;
}

/*-- search form --*/
#searchform {
	float:right;
	position:relative;
	top:15px;
}

#s {
	background-color: #FFFFFF;
	float: left;
	height: 28px;
	width: 250px;
	border: 1px solid #ddd;
	line-height: 26px;
	padding-left: 10px;
	border-radius: 5px 0px 0px 5px;	
}

#searchsubmit {
	color: #FFFFFF;
	background-color: #ff6f3d;
	float: left;
	height: 31px;
	line-height:31px;
	width: 60px;
	border: 1px solid #ff6600;
	border-radius: 0px 5px 5px 0px;
}

/*-- header-nav --*/
.header-nav {
	width:980px;
	margin:0 auto;
}

/**-- menu --**/
.menu {
	height:45px;
	line-height:45px;
	background:#ff6f3d;
	border-radius: 5px;
	_overflow:hidden;
	padding:0 5px;
}

.menu li {
	float:left;
	background:#ff6f3d;
}

.menu li a {
	color:#FFFFFF;
	font-size:16px;
	padding-left:20px;
	padding-right:20px;
	display:block;

}

.menu li a:hover,
.menu li.current-menu-item a {
	background:#ED5F30;
}


.menu li ul li a {

}

#dropmenu,
#dropmenu li {
	position:relative;
}

#dropmenu li ul {
	position:absolute;
	 top:45px; 
	 left:0px;
	 display:none;
}

#dropmenu li ul li {
	width:140px;
}

/*-- bread --*/
.bread {
	width:980px;
	margin:15px auto;
}

.location {
	float:left;
}

.breadcrumbs {
	float:left;
}

/*-- content --*/
.content {
	width:980px;
	margin:0 auto;
}

/*-- article --*/
.article {
	background-color: #FFFFFF;
	float: left;
	width: 705px;
	overflow: hidden;
	border-radius: 5px;
	margin-bottom:10px;
}

/*-- entry --*/
.entry {
	background-image: url(images/newsLine.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 25px;
}

.entry-title {
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: normal;
}

.entry-meta {
	color:#999;
}

.entry-meta a {
	color: rgb(0, 153, 204);
}

.entry-meta span {
	float:right;
}

.entry-meta span a {
	color:#999;
}

.entry-meta span .kan{
	background: url(images/newsIcon.png) no-repeat 0px 0px;
	padding-left: 20px;
	padding-right: 15px;
	font-style: normal;
}

.entry-meta span .ping {
	background:url(images/newsIcon.png) no-repeat 0px -37px;
	padding-left: 20px;
	font-style: normal;
}

.entry-thumbnail {
	float: left;
	height: 150px;
	width: 180px;
	margin-right: 20px;
	overflow: hidden;
	border-radius: 5px;
}

.entry-cnt {
	height:150px;
	overflow:hidden;
	font-size:14px;
	line-height:25px;
	margin-top:20px;
}

.entry-tag {
	margin:10px 0 0;
}

.entry-tag a.more {
	float:right;
}


/* -- sidebar -- */
.sidebar {
	width:260px;
	float:right;
	position:relative;
}

.widget {
	background-color: #FFFFFF;
	margin-bottom: 15px;
	border-radius: 5px;
}

.widget-title {
	font-size: 14px;
	line-height: 35px;
	font-weight: 700;
	padding-left: 9px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;
	background: -moz-linear-gradient( top,#fefefe,#f1f1f1);
	color: #333333;	
}

.widget ul {
	font-size: 14px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.widget ul li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.widget_recent_entries ul li a {
	width:226px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}



/*------------------
	分页部分的CSS
------------------*/
.fenye{	
	height: 25px;
	line-height: 25px;
	_background: #F9F9F9;
	padding: 2px 5px;
	margin: 20px 4px;
	_border: solid 1px #ccc;
	_text-align: center;
}

.fenye a{
	padding:4px 6px 4px 6px;
	margin:0 2px 0 2px;
	border:1px solid #aaa;
	text-decoration:none;
	color:#333;
}

.fenye a.current{	
	background:#ff6f3d;	
	color:#fff;
}

.fenye a:hover{
	background:#ff6f3d;
	color:#fff;
}

/*-- footer --*/
.footer {
	width:100%;
	height:64px;
	background:#E6E9ED;
	border-top: 1px solid #e2e2e3;
}


/*-- post --*/
.post {
	background:none;
}

.post .entry-cnt {
	height:auto;
	line-height:2;
	font-size:14px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #eee;
	padding:15px 0 0;
}

.post .entry-cnt p {
	line-height:2;
	font-size:14px;	
}

.related {
	padding:10px 5px 10px 5px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin: 20px auto 10px auto;
}

.r-left {
	float:left;
}

.r-right {
	float:right;
}

/*-- discuss --*/
.discuss {
	padding:25px;
}


/*
comments
*/
#comments{
	padding:15px;
	padding-bottom:30px;
	line-height:1;
}
.comments-title{
	position:relative;
	padding-bottom:10px;
	font-size:18px;
	color:#666;
	border-bottom:1px solid #f1f1f1;
}
h3.comments-title:after{
	position:absolute;
	content:'';
	top:29px;
	left:0;
	width:135px;
	height:1px;
	background:#ff6f3d;/*main-color*/
}	
.commentCount{
	color:#ff6f3d;/*main-color*/
}
.commentlist{
	list-style: none;
	margin:10px 0 0;
	padding:0;
}
.commentlist ol{
	list-style: none;
}
.comment{
	padding:10px 0 5px;
}
.comment .media-left{
	display: table-cell;
    vertical-align: top;
    padding-right: 10px;
}
.comment .media-left img{
	border-radius:50%;
}
.comment .media-body{
	display: table-cell;
    vertical-align: top;
}
.comment .media-body .author_name{
	margin-bottom:5px;
	font-size:14px;
	color:#777;
}
.comment .media-body p{
	font-size:14px;
	line-height:1.5em;
	color:#777;
}
.comment .media-body p a{
	color:#000;
}
.comment .comment-metadata{
	margin-left:58px;
	padding:5px 0;
}
.comment .comment-metadata span{
	margin-right:15px;
	font-size:13px;
}
.comment .comment-metadata span{
	font-size:12px;
	color:#999;
}
.comment .comment-metadata span.comment-btn-reply a:hover{
	color:#666;
}
.comment .comment-metadata span.comment-btn-reply i{
	color:#d1d1d1;
}
.comment .comment-metadata span.comment-btn-reply a{
	color:#999;
}
.commentlist > .comment{
	border-bottom:1px dotted #d9d9d9;
}
.commentlist .children{
	padding-left:58px;
}
.commentlist .children > .comment{
	border-top:1px dotted #d9d9d9;
}
#reply-title{
	font-size:14px;
	color:#666;
	border-bottom:0;
	color:#999;
}
#reply-title a:first-child,.warning-text a:first-child{
	display:inline-block;
	margin:0 2px;
	padding:2px 5px;
	background:#ff6f3d;/*main-color*/
	color:#fff;
	font-size:14px;
}
#reply-title #cancel-comment-reply-link{
	background:#fff;
	color:#999;
}
#reply-title #cancel-comment-reply-link:hover{
	text-decoration:underline;
}
.warning-text{
	color:#999;
}
.link-logout{
	color:#999;
}
.comment-navigation{
	width:100%;
	margin:0 auto;
	padding:15px 0;
	text-align: center;
}
.comment-navigation .page-numbers{
	display:inline-block;
	padding:9px 16px;
	color:#999;
	background:#f1f1f1;
}
.comment-navigation .page-numbers:hover{
	background:#e8e8e8;
	color:#666;
}
.comment-navigation .current,
.comment-navigation .current:hover{
	background:#ff6f3d;/*main-color*/
	color:#fff;
}
textarea#comment{
	display: block;
    width: 100%;
	margin-bottom:10px;
	background:#f5f5f5;
	color:#777;
	border:0;
	box-shadow:none;
	height:90px;
	padding:10px;
	resize:none;
	border-radius:5px;
	transition:background .3s;
}
textarea#comment:focus{
	background:#e9e9e9;
}
.commentform-info{
	float:left;
}
.commentform-info input{
	margin-right:10px;
	width:230px;
	border:0;
	border-radius:0;
	box-shadow:none;
	background:#f5f5f5;
	font-weight:normal;
	transition:background .5s;
}
.commentform-info input:focus{
	box-shadow:none;
	color:#fff!important;
	background:#ff6f3d/*main-color*/
}
.commentform-info input:focus:-moz-input-placeholder {
    color: #fff;
}
.commentform-info input:focus::-moz-input-placeholder {
    color: #fff;
}
.commentform-info input:focus::-webkit-input-placeholder {
    color: #fff;
}
.commentform-info input:focus:-ms-input-placeholder {
    color: #fff;
}
.commentBtn .btn{
	padding:8px 0;
	width:140px!important;
	text-align: center;
	background:#ff6f3d;/*main-color*/
	border:0;
}
.commentBtn .btn:hover{
	opacity:0.8;
}
input#submit{color: #fff;}